<!DOCTYPE html>
<html>
<head>
	<title>个人信息</title>
	<meta charset="UTF-8"/>
	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
	<link rel="stylesheet" type="text/css" href="../dist/css/reset.css">
	<link rel="stylesheet" type="text/css" href="../dist/css/atom.css">
	<link rel="stylesheet" type="text/css" href="../dist/css/common.css">
	<link rel="stylesheet" type="text/css" href="../dist/css/dialog.css">
	<link rel="stylesheet" type="text/css" href="../dist/css/font-awesome.min.css">
	<link rel="stylesheet" type="text/css" href="../dist/css/checkbox.pretty.css">
</head>
<body>
	<!-- header -->
	<header>
		<div class="left">
			<!-- <span class="logo-graphic">A</span> -->
			<a onclick="javascript:window.history.back();"><i class="fa fa-angle-left"></i><em class="fw-normal">个人信息</em></a>
		</div>
	</header>
	<!-- header END -->
	<section class="container bg-grey">
		<p class="apply-tips"><i class="color-blue" style="float: right;" id="edit">编辑个人信息</i></p>
		<div style="clear: both;"></div>
		<div class="form-control margin-minus mgt-1 height-auto">
			<span>
				<img class="avatar" src="../dist/imgs/defaultAvatar.png">
				<div style="margin-left: 5rem; height: 1.5rem; line-height: 1.5rem; font-size: 1.4rem; width: 10rem; margin-top: 1rem;">李二蛋</div>
				<div  style="margin-left: 5rem; height: 1.5rem; line-height: 1.5rem; font-size: 0.8rem; color: #666; width: 10rem;  margin-top: 0.5rem;">账号：3423423</div>
			</span>
			<span style="height: 5rem; line-height: 5rem;">
				<i class="fa fa-angle-right fz-1_8"></i>
			</span>
		</div>
		<div class="form-control personal-info margin-minus mgt-1">
			<label>性别</label>
			<div class="apply-input">
				<div class="">
					<input type="radio" id="checkbox_a1" name="approval" class="chk_1" checked disabled="disabled" /> 
					<label style="vertical-align: middle;" for="checkbox_a1"></label>
					<label for="checkbox_a1" class="mgr-1">男</label>
					
					<input type="radio" id="checkbox_a2" name="approval" class="chk_1" disabled="disabled" /> 
					<label style="vertical-align: middle;" for="checkbox_a2"></label>
					<label for="checkbox_a2">女</label>
				</div>
			</div>
		</div>
		<div class="form-control margin-minus mgt-1">
			<label>昵称</label>
			<input class="apply-input" disabled="disabled" value="小白兔" style="background-color: #FFF;">
		</div>
		<div class="form-control margin-minus mgt-1">
			<label>邮箱地址</label>
			<input class="apply-input" disabled="disabled" value="540386795@qq.com" style="background-color: #FFF;">
		</div>
		<div class="form-control margin-minus mgt-1">
			<label>联系电话</label>
			<input class="apply-input" disabled="disabled" value="134234552" style="background-color: #FFF;">
		</div>
		<div class="form-control margin-minus mgt-1">
			<label>工作电话</label>
			<input class="apply-input" disabled="disabled" value="134234552" style="background-color: #FFF;">
		</div>
		<div class="form-control margin-minus mgt-1 height-auto">
			<label>家庭住址</label>
			<textarea class="apply-textarea" disabled="disabled" style="background-color: #FFF;">广州市越秀区小北路204号205房</textarea>
		</div>
		<button class="btn btn-success mgt-1 fade">保存</button>
		<button class="btn btn-logOut mgt-1">登出</button>
	</section>
	


	<script type="text/javascript" src="../dist/js/jquery-3.1.1.js"></script>
	<script type="text/javascript" src="../dist/js/equ.js"></script>
	<script type="text/javascript">
			// 点击新增事件
		$("#edit").on("click",function(){

		　　$("input").each(function () {
				$(this).attr("disabled",false);
		　　});
			
			$("textarea").each(function () {
				$(this).attr("disabled",false);
		　　});


			$(".btn-success").removeClass("fade");

			$(".btn-logOut").addClass("fade");

		});
	</script>
</body>
</html>